*{padding: 0;margin: 0;}
input{padding: 0;margin: 0;}
html{font-size: 20px;}
.wrapper{position: relative;overflow: hidden;}
.alltodos {
    font-family: "Andale Mono";
    color: #0099cc;
    padding: 8px 10px 6px;
    clear: both;
    overflow: hidden;
    background: #f5f5f5;
}
.alltodos h2{float: left;font-size: 1rem;font-weight: bold;display: inline-block;position: relative;}
.alltodos h2 span{position: absolute;right: -14px;top:-5px;font-size: .7rem;background: #f00;border-radius: 100%;width: .75rem;height: .75rem;line-height: .75rem;text-align: center;color: #fff;font-size: .65rem;}
.alltodos p{float: right;font-size: 1.2rem;line-height:1.2rem;font-weight: bold;}
.alltodos p span{padding: 0 10px;}

.persontodos {
    font-family: "Andale Mono";
    font-size: .8rem;
    color: #0099cc;padding: 0 10px;
    border-top: 1px solid #ccc;
}

.todosdetails {
    color: #333333;
    text-indent: 1em;
}

.pesonspan {
    clear: both;
    overflow: hidden;color: #111;line-height: 1.5rem;/*border-bottom: 1px solid #eee;*/
}
.pesonspan .title1 { float: left;text-align: left;}
.pesonspan .closeX { float: right;font-size: .8rem;font-weight: bold;padding: 0 10px;}



.boxbg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    z-index: 99;
    display: none;
}

.boxpop {
    width: 75%;
    padding: 1rem .5rem 1.4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    border-radius: 5px;
    -ms-transform:translate(-50%,-55%);     
    -moz-transform:translate(-50%,-55%);    
    -webkit-transform:translate(-50%,-55%); 
    -o-transform:translate(-50%,-55%);
    transform:translate(-50%,-55%);
}
.boxpop h2{font-size: 1rem;font-weight: bold;line-height: 1.75rem;}
.boxpop .txt{width: 80%;height: 1.25rem;line-height: 1.25rem;border: 0;border:1px solid #ccc;color: #333;padding-left: 5px;}
.boxpop .btn_add{width: 30%;height: 1.25rem;line-height: 1.25rem;display:block;margin-top:.35rem;border: 0;border:1px solid #999;color: #f5f5f5;background: #0099cc;border-radius: 4px;}
.boxpop .btn_close{width: 28px;height: 28px;line-height: 28px;background-color:rgba(0,0,0,.6);display:block;text-align: center;position: absolute;right: 0;top: 0;text-decoration: none;color: #fff;font-size: 18px;font-weight: bold;}

